<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
    <link rel="stylesheet" type="text/css" href="../style/public.css"/>
    <link rel="stylesheet" type="text/css" href="../style/register/register.css"/>


</head>
<body>
<!--register_head-->
<div class="register_head">
    <img src="../img/head_logo.png"/>
    <form name="register" method="post" action="">
        <p>已有麦考林帐号？</p>
        <a href="javascript:;" class="registerForm_l">立即登录</a>
        <a href="javascript:;" class="registerForm_r">贵宾激活</a>

        <!--registerForm_userPhone-->
        <div class="registerForm_userPhone_wrap">
            <div class="registerForm_userPhone_icon_1"></div>
            <input type="text" placeholder="请输入手机号" class="registerForm_userPhone"/>
            <p class="registerForm_userPhone_warn1">手机格式错误</p>
            <p class="registerForm_userPhone_warn2">手机用来登录，不能为空</p>
            <div class="registerForm_userPhone_icon_1_1"></div>
        </div>

        <!--registerForm_userCode-->
        <div class="registerForm_userCode_wrap">
            <input type="text" placeholder="验证码" class="registerForm_userCode"/>
            <p class="registerForm_userCode_warn1">验证码不能为空</p>
            <p class="registerForm_userCode_warn2">验证码长度不对</p>
            <div class="registerForm_userCode_icon_1"></div>
            <a href="javascript:;" class="registerForm_userCode_box"></a>
        </div>


        <!--registerForm_userPhoneCode-->
        <div class="registerForm_userPhoneCode_wrap">
            <div class="registerForm_userPhoneCode_icon_2"></div>
            <input type="text" placeholder="请输入短信验证码" class="registerForm_userPhoneCode"/>
            <a href="javascript:;" class="registerForm_userPhoneCode_box">点击发送短信</a>
        </div>

        <!--registerForm_userPassword-->
        <div class="registerForm_userPassword_wrap">
            <div class="registerForm_userPassword_icon_3"></div>
            <input type="text" placeholder="密码" class="registerForm_userPassword"/>
            <p class="registerForm_userPassword_warn1">密码不能为空</p>
            <p class="registerForm_userPassword_warn2">密码太短啦，不足6个字符</p>
            <p class="registerForm_userPassword_warn3">密码太长啦，不能超16个字符</p>
            <p class="registerForm_userPassword_warn4">请使用字母、数字组合的密码</p>
            <div class="registerForm_userPassword_icon_3_1"></div>
        </div>

        <!--registerForm_userConfirmPassWord-->
        <div class="registerForm_userConfirmPassword_wrap">
            <div class="registerForm_userConfirmPassword_icon4"></div>
            <input type="text" placeholder="确认密码" class="registerForm_userConfirmPassword"/>
            <p class="registerForm_userConfirmPassword_warn1">确认密码不能为空</p>
            <p class="registerForm_userConfirmPassword_warn2">确认密码不一致</p>
            <div class="registerForm_userConfirmPassword_icon4_1"></div>
        </div>

        <p><input type="checkbox" class="registerForm_userCheckBox"/><a href="javascript:;">我已阅读并同意</a><a href="javascript:;">《麦考林用户注册协议》</a></p>
        <a href="javascript:;" class="register_userRegister">注&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;册</a>
    </form>
</div>

<!--bottom-->
<div class="bottom">
    <div class="bottom_t layout">
        <dl class="bottom_l">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">100%正品保证</a></dd>
        </dl>
        <dl class="bottom_c">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">专业在线客服</a></dd>
        </dl>
        <dl class="bottom_r">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">满99包邮</a></dd>
        </dl>
    </div>

    <div class="bottom_b layout">
        <div>
            <h3>新手指南</h3>
            <a href="javascript:;">新会员注册</a>
            <a href="javascript:;">购物演示</a>
            <a href="javascript:;">常见问题</a>
        </div>
        <div>
            <h3>付款方式</h3>
            <a href="javascript:;">银行卡支付</a>
            <a href="javascript:;">支付宝支付</a>
            <a href="javascript:;">余额支付</a>
        </div>
        <div>
            <h3>售后服务</h3>
            <a href="javascript:;">退换货政策</a>
            <a href="javascript:;">退换货流程</a>
            <a href="javascript:;">退款流程</a>
            <a href="javascript:;">发票说明</a>
        </div>
        <div>
            <h3>特色服务</h3>
            <a href="javascript:;">贵宾专区</a>
            <a href="javascript:;">在线客服</a>
        </div>
        <dl>
            <dd>麦考林生活家</dd>
            <dt><img src="../img/bottom_dingyue.jpg"/></dt>
        </dl>
        <dl>
            <dd>麦考林服务号</dd>
            <dt><img src="../img/bottom_fuwu.jpg"/></dt>
        </dl>
    </div>
</div>

<!--footer-->
<div class="footer layout">
    <div class="footer_t"><a href="javascript:;">关于麦考林</a><span>|</span><a href="javascript:;">INVESTOR RELATIONS</a><span>|</span><a href="javascript:;">联系我们</a><span>|</span><a href="javascript:;">服务中心</a><span>|</span><a href="javascript:;">加入我们</a>
    </div><br/>
    <div class="footer_c">
        <a href="javascript:;"><img src="../img/footer_c.png"/></a><p>沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</p>
    </div>
    <div class="footer_b">
        <a href="javascript:;"><img src="../img/footer_b_1.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_2.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_3.png"/><span>沪公网安备 31010402000234号</span></a>
    </div>
</div>
</body>
</html>
<script type="text/javascript" src="../js/register/cookie.js"></script>
<script type="text/javascript" src="../js/register/register.js"></script>
